<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css_02内部样式</title>
    <style>
        h1{
            color: blue;
            font-size: 100px
        }
        h2{
            color: red;
            font-size: 50px
        }
        p{
            color: salmon;
            font-size: 150px
        }
    </style>
</head>
<body>
<!--内部样式：
            写在html页面内部,将所有的css代码提取出来，单独放在<style>标签中
            <style>标签理论上可以放在HTML文本中的任意地方,但是一般都是放在<head>中
            样式可以做到复用，代码结构清晰
            但是还是没有做到结构与样式的分离
            多个html页面无法复用样式。
-->
      <h1>CSS开篇之行内样式</h1>
      <h2>开启CSS学习之旅</h2>
      <p>上海</p>
      <p>北京</p>
      <p>法国</p>
      <p>日本</p>
      <p>法拉利</p>
</body>
</html>